<template>
    <div>
        <h1>{{$store.state.count}}</h1>
        <h1>{{count}}</h1>
        <h1>{{count}}</h1>
        <h1>{{count}}</h1>
        <h1>{{qqq}}{{type}}</h1>

    </div>
</template>
<script>
// @ is an alias to /src
import {mapState,mapGetters} from 'vuex'
export default {
    name: 'XXX',
    created() {
      console.log('show',this)
      // this.$store.state.count = 10000
    },
    data() {
        return {
        
        }
    },
    computed: {
      // count(){
      //   return this.$store.state.count
      // }
      ...mapState(['count']),
      ...mapState({
        qqq:'count'
      }),
      ...mapGetters(['type'])
      // type(){
      //   return this.qqq%2 ? '奇数' : '偶数'
      // }
    },
    components: {
        
    }
}
</script>
<style lang="less">

</style>